body 
{
    margin: 10px; padding: 0; 
    color: #c6c6c6;
}

<!-- titres -->
h1
{

}

h2
{
    margin: 10px; padding-left:5px;
    font-size: 1em;
}

h3
{
    margin: 10px; padding-left:5px;
    font-size: 1em;
}

<!-- mise en page -->
div#principale
{
   
}

div#secondaire
{
    -webkit-border-radius: 2px;
    border: solid 0.5px #c6c6c6;
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px;
    font-size: 0.8em;
}

div#secondaire p 
{
    border: none;
}

div#titre 
{ 
    -webkit-border-radius: 2px;
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#f1f1f1), to(white));
    border: solid 1px #c6c6c6;
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px; padding-left:5px;
    font-size: 0.6em;
}

div#illustration 
{
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: auto;
}

div#illustration img
{
    width: 300px;
    height: auto;
}

div#contenu p
{
    -webkit-border-radius: 2px;
    border: solid 1px #c6c6c6;
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px; padding:5px;
    font-size: 0.8em;
}

<!--date-->
div#date
{

}

div#date p
{
    -webkit-border-radius: 2px;
    border: solid 1px #c6c6c6;
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px; padding-left:5px;
    font-size: 0.8em;
}

div#lien 
{
    -webkit-border-radius: 2px;
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#f1f1f1), to(white));
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px 10px 20px 10px; 
    padding-left:5px;
    font-size: 0.8em;    
    text-align: center;
}

div#lien a
{
    text-decoration: none;
    color: #c6c6c6;
    font-weight:bold;
}

<!--genres-->
div#Genres
{

}

div#Genres p
{
    -webkit-border-radius: 2px;
    border: solid 1px #c6c6c6;
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px; padding-left:5px;
    font-size: 0.8em;
}

<!-- commentaire -->
div#commentaire 
{
    
}

div#Commentaire p
{
    -webkit-border-radius: 2px;
    border: solid 1px #c6c6c6;
    -webkit-box-shadow: 0px 0px 2px #c6c6c6;
    margin: 10px; padding-left:5px;
    font-size: 0.8em;
}

<!--personnes-->

div#activite  
{
    border: solid 1px #c6c6c6;
    margin:10px;
}

div#block  
{
    border: solid 1px #c6c6c6;
    margin:10px;
}

div#block div.personne 
{
    display: inline;
    padding-left: 2px; 
    font-size: 0.8em;
}



<!-- livre -->
div#livre div
{
}

div#livre h3
{
    display: inline;
}

div#livre p
{
    text-align: right;
    display: inline;
}

<!-- film -->
div#film
{
}

div#film h3
{
    display: inline;
}

div#film p
{
    display: inline;
}

<!-- musique -->
div#musique
{
}

div#musique h3
{
    display: inline;
}

div#musique p
{
    display: inline;
}

div#paroles
{
    width: 300px;
    height: auto;
}

div#paroles h3
{
    display:block;
    left:auto;
    right: auto;
}

div#paroles p
{
    display:block;
    left:auto;
    right: auto;
    margin:10px;
}
